<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/dist/index.css">
</head>

<body>
    <div id="header">
        <div class="header common">
            <h1><a href="">青瓜传媒</a></h1>
            <div id="nav">
                <ul>
                    <li><a href="" style="color: #1abc9c;">首页</a></li>
                    <li>
                        <a href="">运营<i></i></a>
                        <ul class="list2">
                            <li><a href="">活动运营</a></li>
                            <li><a href="">用户运营</a></li>
                            <li><a href="">微信运营</a></li>
                            <li><a href="">抖音运营</a></li>
                            <li><a href="">快手运营</a></li>
                            <li><a href="">微博运营</a></li>
                            <li><a href="">B站运营</a></li>
                            <li><a href="">小红书运营</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="">推广<i></i></a>
                        <ul class="list2">
                            <li><a href="">APP推广</a></li>
                            <li><a href="">游戏推广</a></li>
                            <li><a href="">海外推广</a></li>
                            <li><a href="">微信推广</a></li>
                            <li><a href="">抖音推广</a></li>
                            <li><a href="">快手推广</a></li>
                            <li><a href="">B站推广</a></li>
                            <li><a href="">小红书推广</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="">营销<i></i></a>
                        <ul class="list2">
                            <li><a href="">视频号</a></li>
                            <li><a href="">短视频</a></li>
                            <li><a href="">新媒体</a></li>
                            <li><a href="">文案圈</a></li>
                            <li><a href="">活动策划</a></li>
                            <li><a href="">案例分析</a></li>
                            <li><a href="">数据研究</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="">找客户<i></i></a>
                        <ul class="list2">
                            <li><a href="">找需求</a></li>
                            <li><a href="">找服务</a></li>
                            <li><a href="">会员特权</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="">早报<i></i></a>
                        <ul class="list2">
                            <li><a href="">文案</a></li>
                            <li><a href="">百科</a></li>
                            <li><a href="">专题</a></li>
                            <li><a href="">导航</a></li>
                            <li><a href="">互联网</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="">联系我们<i></i></a>
                        <ul class="list2">
                            <li><a href="">推广服务</a></li>
                            <li><a href="">广告资源</a></li>
                            <li><a href="">客户案例</a></li>
                            <li><a href="">投稿须知</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="box">
                <i id="sousuo" class="iconfont icon-sousuo"></i>
                <a href="">登录</a>
                <a href="">注册</a>
                <p>原创投稿</p>
            </div>
            <div id="search">
                <i id="gb">x</i>
                <input type="text" placeholder="输入关键词搜索">
                <i class="iconfont icon-sousuo"></i>
            </div>
        </div>
    </div>
    <div id="container">
        <div class="container common">
            <div class="main">
                <div class="banner">
                    <div class="left">
                        <a href="">
                            <img src="images/68-12.jpg">
                            <span>三八女神节线上营销方案来了！</span>
                        </a>
                    </div>
                    <div class="right">
                        <div class="top">
                            <a href=""><img src="images/168-3.jpg" alt=""></a>
                            <span>如何写出高转化的营销文...</span>
                        </div>
                        <div class="bottom">
                            <a href=""><img src="images/28-1.jpg" alt=""></a>
                            <span>品牌低成本爆红的秘籍</span>
                        </div>
                    </div>
                </div>
                <div class="zhuanti">
                    <div class="top">
                        <h3>精选专题</h3>
                        <span>学运营必看专题内容</span>
                        <a href="">全部专题</a>
                    </div>
                    <div class="bottom">
                        <a href=""><img src="images/apptuiguang.png"><span>APP推广</span></a>
                        <a href=""><img src="images/yunying.png"><span>产品运营</span></a>
                        <a href="" style="padding-right: 0;"><img src="images/yingxiao.png"><span>品牌营销</span></a>
                    </div>
                </div>
                <div class="mainlist">
                    <div class="top">
                        <ul>
                            <li><a href="javascript:;" class="alist active">最新文章</a></li>
                            <li><a href="javascript:;" class="alist ">APP推广</a></li>
                            <li><a href="javascript:;" class="alist ">产品运营</a></li>
                            <li><a href="javascript:;" class="alist ">品牌营销</a></li>
                            <li><a href="javascript:;" class="alist ">文案圈</a></li>
                            <li><a href="javascript:;" class="alist ">游戏推广</a></li>
                            <li><a href="javascript:;" class="alist ">海外推广</a></li>
                            <li><a href="javascript:;" class="alist ">青瓜早报</a></li>
                            <li style="margin-right: 0;"><a href="javascript:;" class="alist ">联系我们</a></li>
                        </ul>
                    </div>
                    <div class="center">
                        <ul id="item">
                            <!-- <li>
                                <div class="left">
                                    <a href="">
                                        <img src="images/wenan-480x300.jpg">
                                        <span>文案圈</span>
                                    </a>
                                </div>
                                <div class="right">
                                    <a href=""><h6>如何写出有价值的卖点文案</h6></a>
                                    <p>看了很多文案的书，学了很多文案的课，你还是写不出好文案，你一定忽略了一个问题，那就是文案的根本目的。本文将告诉你卖点文案的目的、卖点文案的认知、卖点文案的原则和...</p>
                                    <span>31分钟前</span>
                                </div>
                            </li> -->
                        </ul>
                    </div>
                    <div class="bottom">
                        <a href="">点击查看更多</a>
                    </div>
                </div>
            </div>
            <div id="rightbox">
                <div class="box1">
                    <input type="text" placeholder="输入关键词搜索">
                    <button><i class="iconfont icon-sousuo"></i></button>
                </div>
                <div class="wenzhang">
                    <h4>热门文章</h4>
                </div>
                <div class="box2">
                    <a href=""><img src="images/iqingua3.png" alt=""></a>
                </div>
                <div class="wenzhang">
                    <h4>推荐文章</h4>
                </div>
                <div class="wenzhang">
                    <h4>经典文章</h4>
                </div>
                <div class="box3">
                    <h4>热门标签</h4>
                    <div class="abox">
                        <a href="">APP推广</a>
                        <a href="">ASO</a>
                        <a href="">ASO优化</a>
                        <a href="">pr</a>
                        <a href="">互联网</a>
                        <a href="">信息流</a>
                        <a href="">信息流广告</a>
                        <a href="">公众号</a>
                        <a href="">创业</a>
                        <a href="">品牌</a>
                        <a href="">工具</a>
                        <a href="">干货</a>
                        <a href="">广告投放</a>
                        <a href="">得到</a>
                        <a href="">微信</a>
                        <a href="">微信公众号</a>
                        <a href="">投资</a>
                        <a href="">推广</a>
                        <a href="">文案</a>
                        <a href="">朋友圈</a>
                        <a href="">流量</a>
                        <a href="">渠道</a>
                        <a href="">游戏</a>
                        <a href="">电商</a>
                        <a href="">直播</a>
                        <a href="">社交</a>
                        <a href="">营销</a>
                        <a href="">转化</a>
                        <a href="">转化率</a>
                        <a href="">运营</a>
                    </div>

                </div>
                <div class="box4">
                    <a href=""><img src="images/opp2.png" alt=""></a>
                </div>
            </div>
        </div>
        <div class="links common">
            <div class="top">
                <span>友情链接</span><a href="">申请链接</a>
            </div>
            <div class="bottom">
                <a href="">5118大数据</a>
                <a href="">A5创业网</a>
                <a href="">APP推广</a>
                <a href="">企业查询</a>
                <a href="">商标注册</a>
                <a href="">天猫店铺转让</a>
                <a href="">广告投放</a>
                <a href="">找公司</a>
                <a href="">找合作</a>
                <a href="">找客户</a>
                <a href="">白鲸出海</a>
                <a href="">积分墙投放</a>
                <a href="">跨境电商市场</a>
                <a href="">运营大叔</a>
                <a href="">青瓜商务通</a>
            </div>
        </div>
    </div>
    <div id="copyright">
        <div class="copyright common">
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">运营</a></li>
                <li><a href="">推广</a></li>
                <li><a href="">营销</a></li>
                <li><a href="">找客户</a></li>
                <li><a href="">早报</a></li>
                <li><a href="">联系我们</a></li>
            </ul>
            <p>
                Copyright © 2014-2020 <a href=""><strong>青瓜传媒</strong></a> <a href="">OPP<strong>2</strong>.com</a> 版权所有
                <a href=""><strong>免责声明</strong></a><strong> <a href="">网址导航</a></strong>&nbsp; <ahref="">
                    <strong>运营百科</strong></a><strong> <a href="">
                            <spanstyle="font-size: 18px;">联系我们</span>
                        </a></strong><strong><a href="">文案</a> <a href="">广告文案</a></strong> <a
                        href=""><strong>词组</strong></a> <strong><a href="">标签</a></strong><a
                        href=""><strong>青瓜商务通</strong></a>&nbsp;&nbsp;<a href="">闽ICP备14005448号-1</a>
            </p>
            <div class="box">
                <ul>
                    <li>
                        <em><i class="iconfont icon-weixin"></i></em>
                        <div class="weixin">
                            <img src="images/weixin.jpg">
                            <p></p>
                        </div>
                    </li>
                    <li>
                        <em><i class="iconfont icon-xiazai42"></i></em>
                        <div class="weibo">
                            <img src="images/erweima.jpg">
                            <p></p>
                        </div>
                    </li>
                    <li>
                        <em><i class="iconfont icon-xiazai42"></i></em>
                        <div class="chengxu">
                            <img src="images/xiaochengxu.jpg">
                            <p></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="fukuang">
        <ul>
            <li>
                <a href=""><i class="iconfont icon-weixin"></i></a>
                <div class="weixin">
                    <img src="images/weixin.jpg">
                </div>
            </li>
            <li>
                <a href=""><i class="iconfont icon-qq"></i></a>
                <div class="qq">
                    <span>商务合作QQ：1130357073</span>
                </div>
            </li>
            <li>
                <a href=""><i class="iconfont icon-xiazai42"></i></a>
                <div class="weibo">
                    <img src="images/erweima.jpg">
                </div>
            </li>
            <li>
                <a href=""><i class="iconfont icon-xiazai42"></i></a>
                <div class="chengxu">
                    <img src="images/xiaochengxu.jpg">
                </div>
            </li>
            <li>
                <a href=""><i class="iconfont icon-icon-test"></i></a>
            </li>
            <li>
                <a href="javascript:;" id="dingbu" style="display: none;"><i
                        class="iconfont icon--xiangshangjiantou"></i></a>
            </li>
        </ul>
    </div>
    <div id="xinfeng">
        <img src="images/xinfeng.png">
        <span>给我们留言吧</span>
    </div>
    <div id="xfbox">
        <h4>给我们留言<i id="xiala"></i></h4>
        <div class="content">
            <span>请在此输入留言内容，我们会尽快与你联系</span>
            <form action="">
                <p>公司名称<i>*</i></p>
                <input type="text" placeholder="请输入公司名称" required><br>
                <p>姓名<i>*</i></p>
                <input type="text" placeholder="请输入姓名" required><br>
                <p>手机号<i>*</i></p>
                <input type="tel" placeholder="请输入手机号" required><br>
                <p>咨询业务<i>*</i></p>
                <select>
                    <option>信息流投放</option>
                    <option>新媒体推广</option>
                    <option>APP买量</option>
                    <option>ASO优化</option>
                    <option>青瓜智投</option>
                    <option>MCN合作</option>
                    <option>CPD投放</option>
                    <option>网站合作</option>
                    <option>其他合作</option>
                </select><br>
                <p>留言内容<i>*</i></p>
                <textarea placeholder="请输入留言内容"></textarea>
                <button>提交</button>
            </form>
        </div>
    </div>
</body>
<script src="js/index.js"></script>

</html>